<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>家居</title>
    <link rel="stylesheet" href="css/basic.css">
    <link rel="stylesheet" href="css/style2.css">
</head>
<body>
<header>
    <div class="tel">
        <div class="container" style="position: relative;">
            <div class="logo">
                <img src="images/logo1.png">
            </div>
            <p><strong>联系我们:</strong> <span>(800)</span> 1444 000 4040</p>
            <div class="clearfix"></div>
        </div>
    </div>
    <nav class="nav">
        <div class="container">
            <div class="link">
                <ul>
                    <li><a href="index.html">主页</a></li>
                    <li><a href="about.html">关于</a></li>
                    <li><a href="blog.html">博客</a></li>
                    <li><a href="gallery.html">展览</a></li>
                    <li class="active"><a href="contant.html">联系我们</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="clearfix"></div>
    <div class="red" >
        <div class="button">
        </div>
        <div class="sub">
        </div>
    </div>
</header>
<section class="contant_section">
    <div class="container">
        <h2>关于</h2>
        <div class="contant_img">
            <img src="images/c1.png" alt="链接超时">
        </div>
        <div class="contant_list">
            <h4>以下类型</h4>

            <div>
                <form method=" " action="#">
                    <input class="below" type="text" placeholder="名字">
                    <input class="below"type="email" placeholder="邮件">
                    <input class="below" type="text" placeholder="主题">
                    <br>
                    <textarea class="area" placeholder="内容"></textarea>
                   <button class="send">发送信息</button>
                </form>
            </div>
        </div>
        <div class="contant_aside">
            <h4>地址</h4>
            <div>
                <ul>
                    <li> email : <span>info@display.com</span></li>
                    <li> phone : 1.306.222.4545</li>
                    <li> 222 2nd Ave South</li>
                    <li>Saskabush, SK S7M 1T6</li>
                </ul>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</section>

<footer class="footer">
    <div class="container">
        <div class="top">
            <figure>
                <h4>信息</h4>
                <ul>
                    <li><a href="###">主页</a></li>
                    <li><a href="###">博客</a></li>
                    <li><a href="###">关于</a></li>
                    <li><a href="###">我们</a></li>
                    <li><a href="###">联系</a></li>
                </ul>
            </figure>
            <figure>
                <h4>类别</h4>
                <ul>
                    <li><a href="###">普通住宅</a></li>
                    <li><a href="###">商务办公</a></li>
                    <li><a href="###">正常家居</a></li>
                    <li><a href="###">豪华装修</a></li>
                    <li><a href="###">个性化设计</a></li>
                </ul>
            </figure>
            <figure>
                <h4>我的账号</h4>
                <ul>
                    <li><a href="###">博客</a></li>
                    <li><a href="###">关于</a></li>
                </ul>
            </figure>
            <figure>
                <h4> 快讯</h4>
                <form  method="" action="###" name="email">
                    <div>
                        <input  id="input" type="email" placeholder="请输入你的邮箱">
                        <button type="submit" id="inputbtn"></button>
                    </div>
                </form>
            </figure>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="container">
        <div class="bottom">
            <p>Copyright © 2016.公司所有的注册名称和服务</p>
        </div>
    </div>
</footer>
</body>
</html>